<?php $agente = $agente->result(); ?>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <?php $this->load->view('head'); ?>
        <title></title>
        <script type="text/javascript">
            var globalOpc = "";
<?php if (!$this->session->userdata("usuarioId_externo")) { ?>
                    setTimeout("fnValida()", <?php echo TIMER; ?>); 
<?php } ?>
            $(document).ready(function(){                
                $("#aplicaInstFecha").datepicker({dateFormat:"yy-mm-dd",gotoCurrent: true,changeMonth: true,changeYear: true, yearRange: '1941:<?php echo date('Y'); ?>' });
                $("#aplicaInstFecha").datepicker( "setDate" , "<?php echo date("Y-m-d"); ?>" );
        <?php $this->load->view('enReady'); ?>
        $("#participanteNivelEducativo").change(function(){
            if($(this).val() == "Otro"){
                $("#divparticipanteNivelEducativo").css("display","block");
                $("#aplicaInstUltNivel_otro").attr("disabled",false);
            }
            else{
                $("#divparticipanteNivelEducativo").css("display","none");
                $("#aplicaInstUltNivel_otro").attr("disabled",true);
            } 
        });
<?php if ($edicion != "") { ?>
        fnEdicion();
<?php } 
 if ($this->session->userdata("usuarioId_externo")) { ?>
                    fntodoLectura();
<?php } ?>
            }); //fin $(document).ready(function(){

        function fnEdicion(){
<?php 
if ($edicion != ""){ 
    $con = 0;
    foreach($edicion->result() as $registro){
        if($con == 0){
            echo "$('#hdInstrumento').val('{$registro->instrumentoId}');";
            echo "$('#hdaplicaInstId').val('{$registro->pliId}');";
            echo "$('#hdparticipanteId').val('{$registro->participanteId}');";
            echo "$('#hdninos').val('{$registro->participanteNinosLabora}');";
            echo "fnNinosLabora('{$registro->participanteNinosLabora}');";
            echo "$('#aplicaInstFecha').val('{$registro->aplicaInstFecha}');";
            $resp = escapeJs($registro->participanteNombres);
            echo "$('#participanteNombres').val('$resp');";
            $resp = escapeJs($registro->participanteProfesion);
            echo "$('#participanteProfesion').val('$resp');";
            echo "$('#participanteTipDoc').val('{$registro->participanteTipDoc}');";
            echo "$('#participanteDocumento').val('{$registro->participanteDocumento}');";
            echo "$('#participanteEdad').val('{$registro->particiapnteEdad}');";
            echo "$('#participanteSexo').val('{$registro->participanteSexo}');";
            echo "fnNivelEducativo('{$registro->participanteNivelEducativo}');";
            echo "$('#ninosDiscapacidad').val('{$registro->ninosDiscapacidad}');";
            $resp = escapeJs($registro->aplicaInstActividad);
            echo "$('#actAgente').val('$resp');";
        }
        $resp = ($registro->aplicaInstDetResp == "")?$registro->aplicaInstDetRespText:$registro->aplicaInstDetResp;
        $resp = escapeJs($resp);
        if($registro->preguntaId != "") echo "$('#".$registro->preguntaId."').val('$resp');";
        $con ++;
    } //fin foreach($edicion->result() as $registro){
    ?>
<?php } //fin if ($edicion != ""){  ?>
            
        } //fin function fnEdicion(
        function fnNivelEducativo(nivel){
            var encontro = false;
            //funcion para asignar el nivel educativo
            var options = $("#participanteNivelEducativo").find("option");
            options.each(function(){
                if($(this).val() == nivel){
                    $(this).attr('selected','selected');
                    encontro = true;
                }                 
            });
            if(!encontro){
                $("#divparticipanteNivelEducativo").css("display", "block");
                $("#aplicaInstUltNivel_otro").val(nivel);
                $("#participanteNivelEducativo").val("Otro");
            }
            return true;
        } //fin function fnNivelEducativo(nivel){
        function fnNinosLabora(ninos){
            //funcion para asignar los niños con los cuales labora
            ninos = ninos.split("|");
            for(i in ninos){
                $(".ninosEdad").each(function(){
                    if($(this).val() == ninos[i])
                        $(this).attr("checked",true);
                });
            }
            return true;
        } //fin function fnNinosLabora(ninos){
            function fnValida(opc){
                globalOpc = opc;
                if(opc == "T") $("#hdParcial").val("No");
                else $("#hdParcial").val("Si");
                
                var vacio = false;
                var vartmp= "";
                //Elimina los labels de error
                $("label").each(function(){
                    $(this).removeClass("menFalta");
                }); // fin $("label").each(function(){
                entero = false;
                vacio = fnValidaCampos("div","divIdentifiacion");
                $(".edad").each(function(){
                    if(!($(this).val().match(/^\d+$/))){
                        entero = true;
                        vartmp = $(this).attr("id");
                        $("label[for='" + vartmp + "']").addClass("menFalta");
                    }
                });
                if(opc == 'T'){
                    vacio = fnValidaCampos("form","forPreguntas");
                } //fin if(opc == 'T'){
                if($("#participanteNivelEducativo").val() == "Otro" && $("#aplicaInstUltNivel_otro").val() == ""){
                    fnMenError('Debe indicar el nivel educativo',0);
                    return false;
                }
                if(!vacio || entero){
                    fnMenError('Debe diligenciar todos los campos en rojo',0);
                    return false;
                }
                $.post("<?php echo site_url("instrumento/guardaInstru"); ?>", $("#forPreguntas").serialize(),function(data){
                    var array = data.split("|");
                    $("#hdaplicaInstId").val(array[0]);
                    $("#hdparticipanteId").val(array[1]);
                    fnMenError('Se ha guardado correctamente',2,false);
                    window.opener.fnRecargar();
                    return;
                });
                if(opc == 'T')
                    window.close();
                return true;
            } //fin fnValidaPestana4
            function fnEdades(){
                var temp = '';
                $(".ninosEdad").each(function(){
                    if($(this).is(":checked"))
                        temp = temp + "|" + $(this).val();
                }); //fin $(".").each(function(){
                $("#hdninos").val(temp);
                return;
            }
        </script>
    </head>
    <body>
        <?php $this->load->view('enBody'); ?>
        <div id="divContenedor" >
            <div class="titulo">INSTITUCIÓN <?php echo strtoupper($agente[0]->agenteNombre); ?></div>
            <div class="subtitulo">INSTRUMENTO 1- GUIA DE OBSERVACION DE PRÁCTICAS PEDAGÓGICAS  DE LOS  AGENTES EDUCATIVOS  DE LA PRIMERA INFANCIA  EN ESPACIOS EDUCATIVOS</div>                    
            <div style="border: 2px black solid;text-align: justify;padding: 5px;margin: 9px" >
                <span style="font-weight: bolder">Objetivo del instrumento:</span>Describir las condiciones y características de los espacios educativos, los ambientes pedagógicos, recursos didácticos y los procesos de interacción en los cuales se desarrollan las prácticas pedagógicas de agentes educativos  de la primera infancia. 
            </div>
            <div style="text-align:justify">
                <p><span style="font-weight: bolder">Instructivo:</span></p>
                <p>La observación que se propone realizar, atiende a dos aspectos: 1) ambiente educativo 2) interacción pedagógica. En el primero de ellos, se observan las condiciones  relacionadas con las instalaciones locativas y organizativo-espaciales dispuestas para la atención de niños y niñas, particularmente, interesa conocer las características de los entornos,  así como la existencia y  uso de apoyo didáctico en las prácticas pedagógicas de los agentes educativos de la primera infancia.</p>
                <p>En el segundo aspecto, se busca indagar acerca de las prácticas pedagógicas de los agentes formativos, las cuales evidencias sus saberes acerca de la atención integral de la primera infancia. Para ello se propone describir: a) niveles de autonomía que favorece el agente educativo para propiciar y fortalecer los aprendizajes y las formas de interacción de niños y niñas; b) procesos de comunicación que hacen posible  las relaciones, las expresiones, la participación, las formas de diálogo tanto con el agente como entre niños y niñas; c)  expresiones estéticas y lúdicas que aportan en el desarrollo de competencias y promueven experiencias reorganizadoras en primera infancia.</p>
                <p>Se utiliza el genérico agente educativo, aplica por igual a los maestros, docentes, orientadores en ludotecas, madres comunitarias, promotoras de lectura, entre otros agentes que trabajan con primera infancia  </p>
            </div>
            <div id="divPreguntas">
                <form id="forPreguntas">
                    <input type="hidden" id="hdInstrumento" name="hdInstrumento" value="<?php echo $instrumento; ?>" />
                    <input type="hidden" id="hdaplicaInstId" name="hdaplicaInstId" value="0" />
                    <input type="hidden" id="hdAgente" name="hdAgente" value="<?php echo $agente[0]->agenteId; ?>" />
                    <input type="hidden" id="modalidadId" name="modalidadId" value="<?php echo $agente[0]->modalidadId; ?>" />
                    <input type="hidden" id="hdparticipanteId" name="hdparticipanteId" value="0" />
                    <input type="hidden" id="hdParcial" name="hdParcial" value="Si" />
                    <input type="hidden" id="hdninos" name="hdninos"  />
                    <div  id="divIdentifiacion">
                        <fieldset>
                            <legend>Datos de creación del formulario</legend>
                            <table>
                                <tr>
                                    <td><label title="Fecha de realización del instrumento" for="aplicaInstFecha">Fecha</label></td>
                                    <td><input title="Fecha de realización del instrumento" type="text" id="aplicaInstFecha" name="aplicaInstFecha" size="9" value="<?php echo date("Y-m-d"); ?>" /> </td>
                                </tr>
                                <tr>
                                    <td><label for="participanteNombres">Nombre del Agente</label></td>
                                    <td><input type="text" id="participanteNombres" name="participanteNombres" /></td>
                                    <td><label for="participanteProfesion">Profesión</label></td>
                                    <td><input type="text" id="participanteProfesion" name="participanteProfesion" /></td>
                                </tr>
                                <tr>
                                    <td><label for="participanteTipDoc">Tipo Documento</label></td>
                                    <td><select id="participanteTipDoc" name="participanteTipDoc">
                                            <option value="">Elija</option>   
                                            <option value="CC">Cedula Ciudadania</option>
                                            <option value="CE">Cedula Extranjeria</option>
                                            <option value="P">Pasaporte</option>
                                        </select>
                                    </td>
                                    <td><label for="participanteDocumento">Documento</label></td>
                                    <td><input type="text" id="participanteDocumento" name="participanteDocumento" /></td>
                                </tr>
                                <tr>
                                    <td><label for="participanteEdad">Edad</label></td>
                                    <td><input type="text" id="participanteEdad" name="participanteEdad" class="edad" size="3" /></td>
                                    <td><label for="participanteSexo">Sexo</label></td>
                                    <td><select id="participanteSexo" name="participanteSexo">
                                            <option value="">Elija</option>   
                                            <option value="Masculino">Masculino</option>
                                            <option value="Femenino">Femenino</option>
                                        </select>
                                    </td>
                                </tr><tr>
                                    <td><label for="participanteNivelEducativo">Último Nivel Educativo</label></td>
                                    <td >
                                        <select id="participanteNivelEducativo" name="participanteNivelEducativo">
                                            <option value="">Elija</option>
                                            <option value="Normalista">Normalista</option>
                                            <option value="Técnico">Técnico</option>
                                            <option value="Tecnológico">Tecnológico</option>
                                            <option value="Profesional">Profesional</option>
                                            <option value="Especialización,maestría,doctorado">Especialización,maestría,doctorado</option>
                                            <option value="Otro">Otro</option>
                                        </select>
                                    </td>
                                    <td colspan="3">
                                        <div id='divparticipanteNivelEducativo' style='display: none;'>
                                            <label for='aplicaInstUltNivel_otro'>Otro</label>
                                            <input type='text' id='aplicaInstUltNivel_otro' class="omitir" name='aplicaInstUltNivel_otro' />
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td><label for="ninosDiscapacidad">Niños en condición de discapacidad</label></td>
                                    <td><input title="Ingrese el número de niños con discapacidad" type="text" id="ninosDiscapacidad" name="ninosDiscapacidad" class="edad" size="3" /></td>
                                </tr>
                            </table>
                            <label for="actAgente">Describa la actividad que está desarrollando el agente educativo al momento de realizar la observación. </label><br/>
                            <textarea style="width: 100%" rows="3" id="actAgente" maxlength='6000' name="actAgente"></textarea>
                            
                        </fieldset>
                            <fieldset>
                                <legend>Edad de los niños y niñas con que trabaja el agente educativo</legend>
                                <table>
                                    <tr>
                                        <td><label for="edadGestan" style="margin-right: 0px">Gestantes/lactantes</label></td>
                                        <td><input type="checkbox" id="edadGestan" value="Gestantes/lactantes" class="ninosEdad" style="margin-right: 20px" onchange="fnEdades();" /> </td>
                                        <td><label for="edadSeis" style="margin-right: 0px">6 meses a  2 años</label></td>
                                        <td><input type="checkbox" id="edadSeis" style="margin-right: 20px" value="6 meses a  2 años" class="ninosEdad" onchange="fnEdades();"/> </td>
                                        <td><label for="edadDosTres" style="margin-right: 0px">2 años a 3 años</label></td>
                                        <td><input type="checkbox" id="edadDosTres" value="2 años a 3 años" class="ninosEdad" style="margin-right: 20px" onchange="fnEdades();"/> </td>
                                        <td><label for="edadTresCua" style="margin-right: 0px">3 años a 4 años</label></td>
                                        <td><input type="checkbox" id="edadTresCua" value="3 años a 4 años" class="ninosEdad" style="margin-right: 20px" onchange="fnEdades();"/> </td>
                                        <td><label for="edadTresCua" style="margin-right: 0px">4 años a 5 años</label></td>
                                        <td><input type="checkbox" id="edadTresCua" value="4 años a 5 años" class="ninosEdad" style="margin-right: 20px" onchange="fnEdades();"/> </td>
                                        <td><label for="edadCincoSeis" style="margin-right: 0px">5 años a 6 años</label></td>
                                        <td><input type="checkbox" id="edadCincoSeis" value="5 años a 6 años" class="ninosEdad" style="margin-right: 20px" onchange="fnEdades();"/> </td>
                                        <td><label for="edadGrup" style="margin-right: 0px">Grupos de niños y niñas con padres</label></td>
                                        <td><input type="checkbox" id="edadGrup" value="Grupos de niños y niñas con padres" class="ninosEdad" style="margin-right: 20px" onchange="fnEdades();"/> </td>
                                    </tr>
                                </table>
                            </fieldset>
                        
                    </div>
                    <div class="flotante">
                        <input type="button" value="Guardar" onclick="fnValida();" /><br/>
                        <input type="button" value="Terminar" onclick="fnValida('T');" />
                    </div>
                    <?php
                    //inicia el proceso para capturar las preguntas
                    $pregunta = $preguntas->result();
                    ?>
                    <div style="text-align: justify;margin: 9px 0px;">
                        En coherencia con lo descrito anteriormente, observe y valore, atendiendo a su criterio, los siguientes aspectos, según escala:
                        <ol>
                            <li>Totalmente</li>
                            <li>Medianamente</li>
                            <li>Nada</li>
                            <li>No Aplica</li>
                        </ol>
                    </div>
                    <div class="divTablas">
                        <table>
                            <caption><?php echo strtoupper($pregunta[0]->preguntaBloque); ?></caption>
                            <thead>
                                <tr>
                                    <th colspan="2">Observe  identifique si el espacio educativo de atención integral:</th>
                                </tr>
                            </thead>
                            <?php
                            $puntero = 1;
                            for ($i = 1; $i <= 6; $i++) {
                                $puntero = -1 + $i;
                                echo "<tr>";
                                echo "<td class='numeroFila'>$i</td>";
                                echo "<td><label for='{$pregunta[$puntero]->preguntaId}'>{$pregunta[$puntero]->preguntaTexto}</label></td>";
                                echo "<td><select id='{$pregunta[$puntero]->preguntaId}' name='{$pregunta[$puntero]->preguntaId}'><option value=''>Elija</option><option value='Totalmente'>1-Totalmente </option><option value='Medianamente'>2-Medianamente</option><option value='Nada'>3-Nada</option><option value='No Aplica'>4-No Aplica</option></td>";
                                echo "</tr>";
                            }
                            ?>
                        </table>
                    </div> <!-- FIN <div class="divTablas"> -->
                    <div class="divTablas">
                        <table>
                            <caption><?php echo strtoupper($pregunta[$puntero + 1]->preguntaBloque); ?></caption>
                            <thead>
                                <tr>
                                    <th colspan="2">Observe e  identifique si el agente educativo: </th>
                                </tr>
                            </thead>
                            <?php
                            $tmp = $puntero;
                            for ($i = 1; $i <= 7; $i++) {
                                $puntero = $tmp + $i;
                                echo "<tr>";
                                echo "<td class='numeroFila'>$i</td>";
                                echo "<td><label for='{$pregunta[$puntero]->preguntaId}'>{$pregunta[$puntero]->preguntaTexto}</label></td>";
                                echo "<td><select id='{$pregunta[$puntero]->preguntaId}' name='{$pregunta[$puntero]->preguntaId}'><option value=''>Elija</option><option value='Totalmente'>1-Totalmente </option><option value='Medianamente'>2-Medianamente</option><option value='Nada'>3-Nada</option><option value='No Aplica'>4-No Aplica</option></td>";
                                echo "</tr>";
                            }
                            ?>
                        </table>
                    </div> <!-- FIN <div class="divTablas"> -->
                    <div class="divTablas">
                        <table>
                            <caption><?php echo strtoupper($pregunta[$puntero + 1]->preguntaBloque); ?></caption>
                            <thead>
                                <tr>
                                    <th colspan="2">Observe e  identifique si el agente educativo: </th>
                                </tr>
                            </thead>
                            <?php
                            $tmp = $puntero;
                            for ($i = 1; $i <= 3; $i++) {
                                $puntero = $tmp + $i;
                                echo "<tr>";
                                echo "<td class='numeroFila'>$i</td>";
                                echo "<td><label for='{$pregunta[$puntero]->preguntaId}'>{$pregunta[$puntero]->preguntaTexto}</label></td>";
                                echo "<td><select id='{$pregunta[$puntero]->preguntaId}' name='{$pregunta[$puntero]->preguntaId}'><option value=''>Elija</option><option value='Totalmente'>1-Totalmente </option><option value='Medianamente'>2-Medianamente</option><option value='Nada'>3-Nada</option><option value='No Aplica'>4-No Aplica</option></td>";
                                echo "</tr>";
                            }
                            ?>
                        </table>
                    </div> <!-- FIN <div class="divTablas"> -->
                    <div class="divTablas">
                        <table>
                            <caption><?php echo strtoupper($pregunta[$puntero + 1]->preguntaBloque); ?></caption>
                            <thead>
                                <tr>
                                    <th colspan="2">Observe e  identifique si el agente educativo: </th>
                                </tr>
                            </thead>
                            <?php
                            $tmp = $puntero;
                            for ($i = 1; $i <= 7; $i++) {
                                $puntero = $tmp + $i;
                                echo "<tr>";
                                echo "<td class='numeroFila'>$i</td>";
                                echo "<td><label for='{$pregunta[$puntero]->preguntaId}'>{$pregunta[$puntero]->preguntaTexto}</label></td>";
                                echo "<td><select id='{$pregunta[$puntero]->preguntaId}' name='{$pregunta[$puntero]->preguntaId}'><option value=''>Elija</option><option value='Totalmente'>1-Totalmente </option><option value='Medianamente'>2-Medianamente</option><option value='Nada'>3-Nada</option><option value='No Aplica'>4-No Aplica</option></td>";
                                echo "</tr>";
                            }
                            ?>
                        </table>
                    </div> <!-- FIN <div class="divTablas"> -->
                    <div class="titulo3"><?php echo strtoupper($pregunta[$puntero + 1]->preguntaBloque); ?></div>
                    <ol start="1">
                        <?php
                        $tmp = $puntero;
                        for ($i = 1; $i <= 7; $i++) {
                            $puntero = $tmp + $i;
//                            echo "";
                            echo "<li><div class='divTxtPregunta'><label for='{$pregunta[$puntero]->preguntaId}'>{$pregunta[$puntero]->preguntaTexto}</label></div></li>";
                            echo "<textarea id='{$pregunta[$puntero]->preguntaId}' name='{$pregunta[$puntero]->preguntaId}' maxlength='6000' style='width:110%' rows='3' ></textarea>";
//                            echo "";
                        }                        
                        ?>
                    </ol>
                </form>
            </div><!-- fin divPreguntas -->
        </div><!-- fin divContenedor -->
    </body>
</html>
